<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    
        h1{
            font-size:18px;
            background: linear-gradient(to bottom,blue,white);
            color:cornsilk;



        }
    div{
        width:300px;
        

    } 
    #d1{
        font-size:18px;
        color:white;
        background:linear-gradient(to bottom,blue,white) ;
        text-indent:2em ;
        text-decoration: none;

        font-weight: bold;

    }
    p{

          font-size:17px;
        color:white;
        background:linear-gradient(to bottom,blue,white) ;
        text-indent:2em ;

    }
    li{
        font-size:12px;
        line-height: 26px;
        
        list-style: none;
        text-indent: 4em;

    }
    a{
        color: #000;
        text-decoration:none ;
    }
    ul li a:link{
        color: red;

    }
    ul li a:visited{
        color: #999;
    }
    ul li a:hover{
        color:chocolate;
        text-decoration: underline;
    
    }
   

        
       
    
   
</style>
   
</head>
<body>
    <div>
        <h1>家用电器</h1>
    

 <ul>
     <li>
     <p  id="d1"><a href="#">家用电器</a></p><li></li>
   
<li><a href="#">平板电视  洗衣机  冰箱</a></li>
 <li><a href="#">平板电视  洗衣机  冰箱</a></li> 
  <li ><a href="#">冷柜/酒柜  消毒柜  家庭影院</a></li>
</ul>
<ul>
    <li>
<p   ><a href="#">生活电器</a></p></li>
<li><a href="#">电风扇  净化器  吸尘器</a></li>
    <li><a href="#">  净水设备  挂烫机  电话机</a></li>

</ul>
<ul>
    <li>
<p><a href="#">厨房电器</a></p></li>
    <li><a href="#">榨汁机  电压力锅  电饭煲</a></li>
        <li><a href="#">豆浆机  微波炉  电磁炉</a></li>
<li>
 <p><a href="#">五金家装</a></p></li>
     <li><a href="#">淋浴/水槽  电动工具  手动工具</a></li>
  <li><a href="#">仪器仪表  浴霸/排气  灯具</a></li>
</ul>
</div>
    
</body>
</html>
